<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>history</title>
    <script>
        window.onload=function(){
            var btn01=document.getElementById("btn01");
            btn01.onclick=function(){
                // location="http://www.baidu.com";
                // location.assign("http://www.baidu.com");
                // location.reload(true);
                location.replace()
            };
        };

    </script>
</head>
<body>
<script>
    /*  history
   *            history.length 获取当前访问的连接数量
    *           history.back 后退到上一个页面，作用和浏览器的回退按钮一样
    *           history.forward 可以跳转到下一个页面，作用和浏览器的前进按钮一样
    *           history.go() 用来跳到指定页面 用一个整数做为参数
    *               1 表示向前跳转一个页面
    *               2 表示向前跳转2个页面
    *              -1 表示向后跳转一个页面
    *              -2 表示向后跳转2个页面
    *
    *location
    *   1.如果直接打印Location则可以获取地址栏的信息(当前页面的完整路径)则我们的 页面会自动跳转到该路径，并且会生产相应的历史记录
    *   2.assign()用来跳转到其他页面，作用和直接修改location 一样
    *   3.reload()用来加载当前页面 作用和刷新按钮一样 传递一个参数true则会强制清空缓存 刷新页面
    *   4.replace() 可以使用一个新的页面替换当前页面，调用完毕也会跳转 页面 但是不会生成 历史记录 不能使用回退按钮
    *
    * */
</script>
<button id="btn01">点我一下</button>
</body>
</html>